import {ICreateStageOptions} from "@rockyf/easy-design";

export default {
    el: '#container',
    editMode: true,
    theme: 'dark',
    designBounds: {x: 30, y: 30, w: 700, h: 700},
    hierarchy: {
        nodeType: 'group',
        label: 'root',
        children: [
            {
                nodeType: 'image',
                label: 'cloth0',
                bounds: {x: 10, y: 50, w: 310, h: 519},
                props: {
                    src: 'imgs/cloth0.png',
                },
            },
            {
                nodeType: 'image',
                label: 'cloth1',
                bounds: {x: 10, y: 50, w: 326, h: 519},
                props: {
                    src: 'imgs/cloth1.png',
                },
            },
            {
                nodeType: 'image',
                label: 'cloth2',
                bounds: {x: 10, y: 50, w: 372, h: 345},
                props: {
                    src: 'imgs/cloth2.png',
                },
            },
            {
                nodeType: 'image',
                label: 'cloth3',
                bounds: {x: 10, y: 50, w: 302, h: 510},
                props: {
                    src: 'imgs/cloth3.png',
                },
            },
            {
                nodeType: 'image',
                label: 'cloth4',
                bounds: {x: 10, y: 50, w: 419, h: 375},
                props: {
                    src: 'imgs/cloth4.png',
                },
            },
            {
                nodeType: 'image',
                label: 'cloth5',
                bounds: {x: 10, y: 50, w: 297, h: 411},
                props: {
                    src: 'imgs/cloth5.png',
                },
            },
        ]
    },
    onHoverNode(node: any) {
        //console.log('hover node:', node)
    },
} as ICreateStageOptions